<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

    </style>
</head>
<body>
    <!-- 
        onkeydown onkeyup 常用 ，识别所有的键盘码
        onkeypress   不常用，特殊功能不能捕获(ctrl  shift  alt...f1-f12)
     -->
    <input type="text">
    <script>
        var inp=document.querySelector('input')
        inp.onkeydown=function(e)
        {
            var key=e.key;
            //e.key为摁下的键盘名字  
            //e.keyCode为摁下那个键盘名的keycode值
            console.log('keydown',e.key,e.keyCode);
           

        }
    </script>
    
</body>
</html>